<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于天迈-天迈科技有限公司</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/animate.min.css">
    <link rel="stylesheet" href="../css/swiper-bundle.css">
    <link rel="stylesheet" href="../css/Navigation.less">
    <link rel="stylesheet" href="../css/Navigation.css">
    <link rel="stylesheet" href="../css/Footer.less">
    <link rel="stylesheet" href="../css/Footer.css">
    <link rel="stylesheet" href="../css/about.less">
    <link rel="stylesheet" href="../css/about.css">
</head>

<body>
    <!-- 导航栏 -->
    <header>
        <div class="top">
            <img src="../image/logo1.png" alt="" class="logo">
            <img src="../image/logo.png" alt="" class="logo1">
            <ul class="Navigation">
                <li class="li"><a href="../index.html" class="a">首页</a></li>


                <li class="nav">
                    <a href="./solve.html" class="a v">解决方案</a>
                    <ul class="ul">
                        <li class="jian">
                            <img src="../image/3.png" alt="" class="img">
                        </li>
                        <li class="li ">
                            <a href="#" class="li1 li-1">综合交通运输大数据服务平台</a>
                        </li>

                        <li class="li ">
                            <a href="#" class="li2 li-1">智慧公交解决方案</a>
                            <ul class="t1 san t1-1">
                                <a href="#">智能电子站台设计方案</a>
                                <a href="#">车载交通出行多媒体系统</a>
                                <a href="#">出行信息服务解决方案</a>
                                <a href="#">企业资源管理解决方案</a>
                                <a href="#">天迈云方案</a>
                                <a href="#">交通一卡通解决方案</a>
                                <a href="#">车载视频监控解决方案</a>
                                <a href="#">BRT智能公交系统解决方案</a>
                                <a href="#">主动安全智能防控系统</a>
                                <a href="#">自助收银管理系统解决方案</a>
                                <a href="#">公交客流分析解决方案</a>
                                <a href="#">公交智能调度(智慧公交)解决方案</a>
                            </ul>
                        </li>

                        <li class="li ">
                            <a href="#" class="li3 li-1"> 智慧充电解决方案</a>
                        </li>
                        <li class="li ">
                            <a href="#" class="li4 li-1">智慧出租解决方案</a>
                        </li>
                        <li class="li ">
                            <a href="#" class="li5 li-1">智慧物流解决方案</a>
                            <ul class="t1 san t1-2">
                                <a href="#">绿色城市货运配送解决方案</a>
                            </ul>
                        </li>
                        <li class="li ">
                            <a href="#" class="li6 li-1">智慧市政解决方案</a>
                            <ul class="t1 san t1-3">
                                <a href="#">智慧环卫解决方案</a>
                            </ul>
                        </li>
                        <li class="li ">
                            <a href="#" class="li7 li-1">智慧冷链解决方案</a>
                        </li>
                        <li class="li ">
                            <a href="#" class="li8 li-1">智慧车辆解决方案</a>
                            <ul class="t1 san t1-4">
                                <a href="#">两客一危解决方案</a>
                                <a href="#">智慧渣土车解决方案</a>
                            </ul>
                        </li>
                    </ul>
                </li>

                <li><a href="./product.html" class="a">产品中心</a></li>
                <li><a href="#" class="a">客户案例</a></li>
                <li><a href="./information.html" class="a">资讯中心</a></li>
                <li><a href="./supply.html" class="a">供应商平台</a></li>
                <li><a href="./serve.html" class="a">支持服务</a></li>
                <li><a href="./about.html" class="a">关于天迈</a></li>
                <li><a href="#" class="a">
                        <img src="../image/China.png" alt="">
                        EN
                    </a></li>
            </ul>
        </div>
    </header>
    <!-- 背景图 -->
    <section class="beijing">
        <div class="its">
            <p id="p" onclick="show">观看完整视频</p>
        </div>

    </section>
    <!-- 遮罩层 -->
    <div class="Zhe">
        <div id="box">
            <p class="pp"></p>
            <video src="https://www.tiamaes.com/theme/ckin.mp4" width="100%" height="100%" controls poster>

            </video>
        </div>
    </div>
    <!-- 优势 -->
    <section class="Youshi">
        <ul>
            <li>
                <p class="p"><span class="zi">0</span><em>+</em></p>
                <p>覆盖城市</p>
            </li>
            <li>
                <p class="p"><span class="zi-2">0</span><em>+</em></p>
                <p>客户</p>
            </li>
            <li>
                <p class="p"><span class="zi-3">0</span><sup>%</sup></p>
                <p>省会、直辖市覆盖率</p>
            </li>
            <li>
                <p class="p"><span class="zi-4">0</span><em>+</em></p>
                <p>公司申请专利</p>
            </li>
            <li>
                <p class="p"><span class="zi-5">0</span><em>+</em></p>
                <p>拥有公司员工</p>
            </li>
        </ul>
    </section>
    <!-- 公司信息 -->
    <section class="Wbg">
        <ul class="xbox ">
            <li class="wow fadeInDownBig" style="animation-duration: 0.7s">
                <img src="../image/im-34.jpg" alt="">
                <div class="text">
                    <img src="../image/im-91.png" alt="">
                    <p>公司简介</p>
                    <span>了解更多</span>
                </div>
            </li>
            <li class="wow fadeInDownBig" style="animation-duration: 1s">
                <img src="../image/im-35.jpg" alt="">
                <div class="text">
                    <img src="../image/im-92.png" alt="">
                    <p>企业文化</p>
                    <span>了解更多</span>
                </div>
            </li>
            <li class="wow fadeInDownBig" style="animation-duration: 1.3s">
                <img src="../image/im-36.jpg" alt="">
                <div class="text">
                    <img src="../image/im-93.png" alt="">
                    <p>董事长致辞</p>
                    <span>了解更多</span>
                </div>
            </li>
            <li class="wow fadeInDownBig" style="animation-duration: 1.6s">
                <img src="../image/im-37.jpg" alt="">
                <div class="text">
                    <img src="../image/im-94.png" alt="">
                    <p>荣誉展示</p>
                    <span>了解更多</span>
                </div>
            </li>
            <li class="wow fadeInDownBig" style="animation-duration: 0.7s">
                <img src="../image/im-38.jpg" alt="">
                <div class="text">
                    <img src="../image/im-95.png" alt="">
                    <p>发展经历</p>
                    <span>了解更多</span>
                </div>
            </li>
            <li class="wow fadeInDownBig" style="animation-duration: 1s">
                <img src="../image/im-39.jpg" alt="">
                <div class="text">
                    <img src="../image/im-96.png" alt="">
                    <p>风采展示</p>
                    <span>了解更多</span>
                </div>
            </li>
            <li class="wow fadeInDownBig" style="animation-duration: 1.3s">
                <img src="../image/im-40.jpg" alt="">
                <div class="text">
                    <img src="../image/im-97.png" alt="">
                    <p>人才招聘</p>
                    <span>了解更多</span>
                </div>
            </li>
            <li class="wow fadeInDownBig" style="animation-duration: 1.6s">
                <img src="../image/im-41.jpg" alt="">
                <div class="text">
                    <img src="../image/im-98.png" alt="">
                    <p>投诉建议</p>
                    <span>了解更多</span>
                </div>
            </li>
        </ul>

    </section>
    <!-- 新闻中心 -->
    <section class="Xin">
        <div class="Wen">
            <p class="p wow fadeInLeftBig" style="animation-duration: 1s">新闻中心</p>
            <p class="pp wow fadeInRightBig" style="animation-duration: 1s">天迈新动向 发布最新资讯</p>
            <span class=" wow fadeInLeftBig" style="animation-duration: 0.7s">查看更多</span>
        </div>
    </section>
    <!-- 图片内容 -->
    <section class="TiamaesNews">
        <div class="Wen">
            <ul class="ul">
                <li class=" wow fadeInDownBig" style="animation-duration: 1s">
                    <p class="p">
                        <img src="../img/x1.jpg" alt="">
                    </p>
                    <div class="dateX">
                        <div class="date">
                            <em>2022.03</em>
                            <i>11</i>
                        </div>
                        <div class="text">
                            <h3>天迈科技城乡公交客货邮融合方案，助力城乡交通运输一体化建设</h3>
                            <p class="pp">查看详情</p>
                        </div>
                    </div>

                </li>
                <li class=" wow fadeInDownBig" style="animation-duration: 1.2s">
                    <p class="p"><img src="../img/x2.jpg" alt=""></p>
                    <div class="dateX">
                        <div class="date">
                            <em>2022.03</em>
                            <i>12</i>
                        </div>
                        <div class="text">
                            <h3>天迈科技城乡公交客货邮融合方案，助力城乡交通运输一体化建设</h3>
                            <p class="pp">查看详情</p>
                        </div>
                    </div>

                </li>
                <li class=" wow fadeInDownBig" style="animation-duration: 1.5s">
                    <p class="p"><img src="../img/x3.jpg" alt=""></p>
                    <div class="dateX">
                        <div class="date">
                            <em>2022.03</em>
                            <i>04</i>
                        </div>
                        <div class="text">
                            <h3>天迈科技城乡公交客货邮融合方案，助力城乡交通运输一体化建设</h3>
                            <p class="pp">查看详情</p>
                        </div>
                    </div>
                </li>

            </ul>
        </div>
    </section>
    <!-- 投资 -->
    <section class="Tou">
        <div class="Wen">
            <p class="p wow fadeInLeftBig" style="animation-duration: 1s">投资者关系</p>
            <p class="pp wow fadeInRightBig" style="animation-duration: 1s">天迈新动向 发布最新公告</p>
            <span class=" wow fadeInLeftBig" style="animation-duration: 0.7s">查看更多</span>
        </div>
    </section>
    <!-- 尾部 -->
    <footer class="footer wow fadeInUpBig" style="animation-duration: 1s">
        <div class="wei-top">
            <p class="p">成为智能交通(ITS)解决方案的引领者</p>
            <p class="pp">中国智能公交行业十大优秀企业</p>
            <p class="ppp">业务覆盖600+公交企业</p>
        </div>
        <div class="section">
            <ul class="ul">
                <li class="li">
                    解决方案
                    <ul>
                        <li class="li1">综合交通运输大数据服务平台</li>
                        <li class="li1">智慧公交解决方案</li>
                        <li class="li1">智慧充电解决方案</li>
                        <li class="li1">智慧出租解决方案</li>
                        <li class="li1">智慧物流解决方案</li>
                        <li class="li1">智慧市政解决方案</li>
                        <li class="li1">智慧冷链解决方案</li>
                        <li class="li1">智慧物流解决方案</li>
                    </ul>
                </li>
                <li class="li li-left">
                    产品中心
                    <ul>
                        <li class="li1">硬件系列</li>
                        <li class="li1">软件系列</li>

                    </ul>
                </li>
                <li class="li">
                    供应商平台
                    <ul>
                        <li class="li1">供方导入介绍</li>
                        <li class="li1">供应商自推</li>

                    </ul>
                </li>
                <li class="li ">
                    关于天迈
                    <ul>
                        <li class="li1">公司简介</li>
                        <li class="li1">企业文化</li>
                        <li class="li1">董事长致辞</li>
                        <li class="li1">发展历程</li>
                        <li class="li1">荣誉展示</li>
                        <li class="li1">人才招聘</li>
                        <li class="li1">风采展示</li>
                    </ul>
                </li>
                <li class="li ">
                    员工通道
                    <ul>
                        <li class="li1">公司邮箱</li>
                    </ul>
                </li>
            </ul>
            <div class="right">
                <p class="p">联系我们</p>
                <p class="pp">400-600-1276</p>
                <div class="wap">
                    <img src="../image/wx.jpg" alt="">
                    <p>微信扫一扫</p>
                </div>
            </div>
        </div>
        <div class="wei-bottom">
            <p>Copyright © 2004-2019 Tiamaes.com. All Rights Reserved. 郑州天迈科技股份有限公司 版权所有</p>
            <p>
                <a href="#">营业执照公示</a>
                <a href="#">豫ICP备12026292号-1</a>
                <a href="#" class="aa">豫公网安备 41019702002162号</a>
            </p>
        </div>
    </footer>
    <script src="../js/XiaLa.js"></script>
    <script src="../js/jquery.3.5.1.js"></script>
    <script src="../js/wow.min.js"></script>
    <script>
        // 自增
        (function x() {
            var z = document.querySelector('.zi')
            console.log(z);
            var num = 0;
            var item = setInterval(function () {
                // console.log(num);
                num++
                z.innerText = num

                if (num == 400) {
                    clearInterval(item);
                }
            }, 1);
        }());
        (function xx() {
            var z = document.querySelector('.zi-2')
            console.log(z);
            var num = 0;
            var item = setInterval(function () {
                // console.log(num);
                num++
                z.innerText = num

                if (num == 700) {
                    clearInterval(item);
                }
            }, 1);
        }());
        (function xxx() {
            var z = document.querySelector('.zi-3')
            console.log(z);
            var num = 0;
            var item = setInterval(function () {
                console.log(num);
                num++
                z.innerText = num

                if (num == 76) {
                    clearInterval(item);
                }
            }, 20);
        }());
        (function xxxx() {
            var z = document.querySelector('.zi-4')
            console.log(z);
            var num = 0;
            var item = setInterval(function () {
                console.log(num);
                num++
                z.innerText = num

                if (num == 150) {
                    clearInterval(item);
                }
            }, 10);
        }());
        (function xxxxx() {
            var z = document.querySelector('.zi-5')
            console.log(z);
            var num = 0;
            var item = setInterval(function () {
                console.log(num);
                num++
                z.innerText = num

                if (num == 600) {
                    clearInterval(item);
                }
            }, 1);
        }());

        //显示遮罩层
        $(function () {
            $('#p').click(function () {
                $('.Zhe').show()
                // 显示被选中的元素
            })
        })
        $(function () {
            $('.pp').click(function () {
                $('.Zhe').hide()
                // 隐藏被选元素
            })
        })
        // 随页面滚动出现动画
        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: true,
            live: true
        });
        wow.init();
    </script>
</body>

</html>